First create a child template so we don't have to touch the core files. Create 2 square SVG icons and and a favicon.ico (32px x 32px). The default Joomla SVG favicons are a good reference to start with. The are located in media/system/images. Upload t
You can edit this image by uploading your favicon.ico to the root of your template folder (../templates/YourTemplate/favicon.ico), replacing the existing favicon.ico if it already exists.
Depending on the template you are using, you may need to add or replace the favicon.ico file. For example, Rockettheme templates have no favicon icon by default.
Favicon stands for favorite icon, is also known as a shortcut icon, website icon, tab icon or bookmark icon. The favicon is an icon adjacent to a URL displayed in a browser’s address bar or subsequent to the site name in a bookmark list.